import React,{Component} from 'react';
import memoryUtils from "../../utils/memoryUtils";
import {Redirect,Route,Switch} from "react-router-dom";
import { Layout } from 'antd';
import {connect} from 'react-redux'
import LeftNav from "../../components/left-nav";
import Header from "../../components/header"
import Home from '../home/home'
import Category from '../category/category'
import Product from '../product/product'
import Role from '../role/role'
import User from '../user/user'
import Bar from '../charts/bar/bar'
import Line from '../charts/line/line'
import Pie from '../charts/pie/pie'
import NotFound from "../not-found/not-found";
const {  Footer, Sider, Content } = Layout;
/**
 * 后台管理路由组件
 */
class Admin extends Component{
    render(){
        const user=memoryUtils.user
        console.log(user)
        if(!user.id){
            return <Redirect to='/login'/>
        }
        return (
                <Layout style={{height:'100%'}}>
                    <Sider>
                        <LeftNav/>
                    </Sider>
                    <Layout>
                        <Header>Header</Header>
                        <Content  style={{backgroundColor: 'white' ,margin:"20px 20px 0"}}>
                            <Switch>
                                <Redirect from='/' to='/home' exact/>
                                <Route path='/home' component={Home}/>
                                <Route path='/category' component={Category}/>
                                <Route path='/product' component={Product}/>
                                <Route path='/role' component={Role}/>
                                <Route path='/user' component={User}/>
                                <Route path='/charts/bar' component={Bar}/>
                                <Route path='/charts/line' component={Line}/>
                                <Route path='/charts/pie' component={Pie}/>
                                <Route component={NotFound}/>
                            </Switch>
                        </Content>
                        <Footer style={{textAlign: 'center', color: '#cccccc'}}>
                            推荐使用谷歌浏览器，
                            可以获得更佳页面操作体验
                        </Footer>
                    </Layout>
                </Layout>
        )
    }
}

export default connect(
    state => ({user: state.user})
)(Admin)